@import '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-breadcrumbs';
@import '@snack-uikit/figma-tokens/build/scss/styles-theme-variables';

$sizes: 'xs', 's';

.separator {
  display: flex;
  align-items: center;
  color: simple-var($theme-variables, 'sys', 'neutral', 'text-disabled');

  @each $size in $sizes {
    &[data-size='#{$size}'] {
      @include composite-var($breadcrumbs, 'separator', $size);
    }
  }
}